<html>
<head>
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <meta charset="utf-8" />
  <title>米塔企业微云</title>
  <link href="../plugins/bootstrap/bootstrap.min.css" rel="stylesheet">
  <link href="../plugins/bootstrapValidator/bootstrapValidator.min.css" rel="stylesheet">
  <link href="../customize/css/iconfont.css" rel="stylesheet">
  <link href="../customize/css/content.css" rel="stylesheet">
  <style>
    .report-part{ width: 378px; height: 514px; background: url(../customize/images/report-part.png) no-repeat;
      padding: 16px 36px 0 30px;}
    .report-part.wider{ width: 546px; background-image: url(../customize/images/report-part-w.png);}
    .report-part .title{ margin-bottom: 34px; color: #18FFFF; font-size: 20px; text-align: center; line-height: 1; font-weight: 600;}
    .report-part .table td{ font-size: 20px;}
    .report-part .table thead tr{ background-color: rgba(0,86,212,0.4); }
    .report-part .table tbody tr:nth-child(1){ background-color: rgba(242,95,78,0.2);}
    .report-part .table tbody tr:nth-child(3){ background-color: rgba(24,255,255,0.2);}
    .report-part .table tbody tr:nth-child(5){ background-color: rgba(242,203,107,0.2);}
    .report-part .table tbody tr:last-child td{ border-top: 1px solid #0096ff;}
    .report-part .table tbody tr:last-child td div{ height: 55px; overflow-y: auto;}
  </style>
</head>
<body>
    <div class="main-content">
      <div class="d-flex justify-content-between mb-3 mt-2">
        <div class="section-title">
          <a class="font-p16 mr-3" href="##" onclick="javascript:window.history.back()" title="返回报告管理"><i class="iconfont icon-xiahua"></i></a>
          体检报告
        </div>
        <div class="d-flex align-items-center">
          <div class="input-group">
            <input class="form-control" type="text" id="searchTimeBegin" placeholder="选择月份" autocomplete="off">
            <div class="input-group-append">
              <button class="btn btn-primary" type="button" onclick="loadPageData()"><i class="iconfont icon-dituyechaxun"></i></button>
            </div>
          </div>
<!--          <div class="ml-3">-->
<!--            <a class="circle-btn" href="##" onclick="downloadIMG()" title="下载报告">-->
<!--              <svg>-->
<!--                <use xlink:href='#icon-xiazaiicon2'></use>-->
<!--              </svg>-->
<!--            </a>-->
<!--          </div>-->
        </div>
      </div>
      <div id="printDiv">
      <div class="border-blue d-flex align-items-center mb-5">
        <div>
          <table class="table table-striped mb-0 table-report-title">
            <tbody>
              <tr>
                <td>企业信息</td>
                <td id="company_name"></td>
              </tr>
              <tr>
                <td>总体评分</td>
                <td id="ztpf_id">0分</td>
              </tr>
              <tr>
                <td>统计时长</td>
                <td id="tjsc_id">1900年1月</td>
              </tr>
            </tbody>
          </table>
        </div>
        <div class="font-p24 result">
          <strong>结论</strong>
        </div>
        <div class="flex-1 font-p16 px-3 result-text" id="jielun_id">
<!--          功率因数合格；频率合格；
          <span class="text-danger">A相电压不合格</span>；B相电压合格；C相电压合格；三项电压不平衡合格；
          经过数据分析，贵公司存在一定的用能质量问题，发生<span class="text-danger">电压越载20次</span>，A相电20次,电能质量问题可能会对电力系统及重要设备产生危害，影响企业的正常生产运营。-->
        </div>
      </div>
      <div class="d-flex justify-content-between">
        <div class="report-part wider">
          <div class="title">电压质量分析</div>
          <table class="table table-bordered table-center" id="dyzlfx_tb_id">
            <thead>
              <tr>
                <th>项目</th>
                <th>A相电压</th>
                <th>B相电压</th>
                <th>C相电压</th>
              </tr>
            </thead>
            <tbody>

            </tbody>
          </table>
        </div>
        <div class="report-part">
          <div class="title">频率质量分析</div>
          <table class="table table-bordered table-center" id="plzlfx_tb_id">
            <thead>
              <tr>
                <th>项目</th>
                <th>频率</th>
              </tr>
            </thead>
            <tbody>

            </tbody>
          </table>
        </div>
        <div class="report-part">
          <div class="title">三相不平衡分析</div>
          <table class="table table-bordered table-center" id="sxbph_tb_id">
            <thead>
              <tr>
                <th>项目</th>
                <th>三相电压不平衡
                </th>
              </tr>
            </thead>
            <tbody>
            </tbody>
          </table>
        </div>
        <div class="report-part">
          <div class="title">功率因数分析</div>
          <table class="table table-bordered table-center" id="glys_tb_id">
            <thead>
              <tr>
                <th>项目</th>
                <th>功率因数</th>
              </tr>
            </thead>
            <tbody>

            </tbody>
          </table>
        </div>
      </div>
      </div>
    </div>
  <script src="../plugins/jquery-3.4.1.min.js"></script>
  <script src="../plugins/bootstrap/bootstrap.bundle.min.js"></script>
  <script src="../plugins/alert.js"></script>
  <script src="../plugins/paging.js"></script>
  <script src="../plugins/laydate/laydate.js"></script>
  <script src="../plugins/html2canvas.js"></script>
  <script src="../customize/js/iconfont.js"></script>
  <script src="../plugins/jquery.cookie.js"></script>
  <script src="../customize/js/CommonUtils.js"></script>
  <script src="../customize/js/common.js"></script>
  <script src="../customize/js/customModalV2.js"></script>
  <script src="../customize/js/gridReport.js"></script>
</body>
</html>